<template>
  <div class="classify-goods">
    <slot>
      <goods-list>
        <goods-list-item
          v-for="(item, index) in data"
          :goodsItem="item"
          :key="index"
          >{{ item }}
        </goods-list-item>
      </goods-list>
    </slot>
  </div>
</template>

<script>
import GoodsList from "components/content/goods/GoodList.vue";
import GoodsListItem from "components/content/goods/GoodListItem.vue";
export default {
  props: {
    data: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  components: {
    GoodsList,
    GoodsListItem,
  },
};
</script>